<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>用户注册</h1>
		<form>
			用户名:
			<input type="text" name="username" id="usernameInput" /><br />
			密码:
			<input type="text" name="password" id="passwordInput" /><br />
			重复密码:
			<input type="text" name="password2" id="passwordInput2" /><br />
			性别:
			<input type="radio" name="sex" checked="checked" />男
			<input type="radio" name="sex" />女<br />
			邮箱:
			<input type="text" id="emailInput" name="email" /><br />
			电话号码:
			<input type="text" id="telInput" name="tel" /><br />
			生日:
			<input type="date" id="birthdayInput" name="birthday" />
			<br />
			<button type="button" onclick="check()">检测输入</button>
		</form>
		<script>
			function check(){
				console.log("check()");
				var username=usernameInput.value;
				var re1=/^[a-zA-Z0-9_-]{4,16}$/;
				if(username.match(re1)){
					alert("用户名符合要求");
					
				}else{
					alert("用户名不符合要求");
				}
				var password=passwordInput.value;
				var re2=/^(?=.*\d)(?=.*[A-z])[\da-zA-Z]{1,9}$/;
				if(password.match(re2)){
					alert("密码符合要求");
				}else{
					alert("密码不符合要求");
				}
				var email=emailInput.value;
				var re3=/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(.[a-zA-Z0-9_-]+)+$/;
				if(email.match(re3)){
					alert("邮箱符合要求");
				}else{
					alert("邮箱不符合要求");
				}
				var tel=telInput.value;
				var re4=/^1(3|4|5|7|8|9)\d{9}$/;
				if(tel.match(re4)){
					alert("电话号码符合要求");
				}else{
					alert("电话号码不符合要求");
				}
				var birthday=document.getElementById("birthdayInput").value;
				console.log(birthday);
				var re5=/^20\d{2}\-\d{2}\-\d{2}/;
				if(birthday.match(re5)){
					alert("生日符合要求");
				}else{
					alert("生日不符合要求");
				}
			}
		</script>
	</body>
</html>
